<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="base" value="${pageContext.request.contextPath}"/>
<link rel="stylesheet" href="${base}/layui/css/layui.css">
<link rel="stylesheet" href="${base}/layui/css/xadmin.css">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>登录页面</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="${base}/logon.png" type="image/x-icon" />
    
</head>
<body class="login-bg">
	<div class="login">
		<div class="message">X-管理页面系统</div>
		<div id="darkbannerwrap"></div>
		
		<form action="" method="post" class="layui-form">
			<input type="hidden"  name="${_csrf.parameterName}" value="${_csrf.token}"/>
			<div class="layui-form-item">
				<label class="layadmin-user-login-icon layui-icon layui-icon-cellphone" for="user-login-phone"></label>
				<input type="text" name="phone" lay-verify="required|phone" id="user-login-phone" placeholder="手机号" autocomplete="off" class="layui-input" value="15102760632"/>
			</div>
			<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="layui-code"></label>
						<input type="text" name="code" lay-verify="required" id="layui-code" placeholder="验证码" autocomplete="off" class="layui-input">
					</div>
				<div class="layui-inline">
					<button class="layui-btn" id="send-code" >发送验证码</button>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<button class="layui-btn" lay-submit lay-filter="login">登录</button>
				</div>
				<div class="layui-inline">
					<button type="reset" class="layui-btn layui-btn-primary">取消</button>
				</div>
			</div>
		</form>
	</div>
	
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="${base}/layui/layui.js" ></script>
	<script type="text/javascript" src="${base}/layui/admin.js" ></script>
	<script type="text/javascript">
        $(function() {
            layui.use('form', 'layer', function() {
                var form = layui.form;
                //监听提交
                form.on('submit(login)', function (data) {
                    layer.msg(JSON.stringify(data.field), function () {
                        location.href = 'index.html'
                    });
                    return false;
                });
            });
        });
    </script>
</body>
</html>